﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>H+ 后台主题UI框架 - 客户管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet">
    <link href="css/plugins/chosen/chosen.css" rel="stylesheet">

    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>保养计划： <small>根据楼栋和设备分类来制定保养计划</small></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="form-group">
                            <div class="input-group">
                                <select data-placeholder="选择楼盘" class="chosen-select" multiple style="width:350px;" tabindex="4">
                                    <option value="">选择楼盘</option>
                                    <option value="110000" hassubinfo="true" selected="selected">富力家园一期</option>
                                    <option value="120000" hassubinfo="true">富力家园二期</option>
                                </select>
                                &nbsp;
                                <select data-placeholder="选择楼栋" class="chosen-select" multiple style="width:350px;" tabindex="4">
                                    <option value="">选择楼栋</option>
                                    <option value="110000" hassubinfo="true" selected="selected">1号楼</option>
                                    <option value="120000" hassubinfo="true">2号楼</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox ">
                    <div class="ibox-content">
                        <span class="text-muted small pull-right">最后更新：<i class="fa fa-clock-o"></i> 2015-09-01 12:00</span>
                        <h2>设备分类</h2>
                        <p>
                            所有保养计划必须选择分类
                        </p>
                        <div class="text-center">
                            <a data-toggle="modal" class="btn btn-primary" href="project_plan.html#modal-form">添加同级</a>
                            <a data-toggle="modal" class="btn btn-info" href="project_plan.html#modal-form">添加子级</a>
                            <a data-toggle="modal" class="btn btn-warning" href="project_plan.html#modal-form">修改选中</a>
                            <a data-toggle="modal" class="btn btn-warning" href="project_plan.html#modal-form">删除选中</a>
                        </div>
                        <hr />
                        <div class="input-group">
                            <input type="text" placeholder="查找分类" class="input form-control">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn btn-primary"> <i class="fa fa-search"></i> 搜索</button>
                            </span>
                        </div>
                        <hr />
                        <div class="tab-content">
                            <div id="treeview7" class="test"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="ibox">
                    <div class="ibox-content">
                        <span class="text-muted small pull-right">最后更新：<i class="fa fa-clock-o"></i> 2015-09-01 12:00</span>
                        <h2>设备与计划管理</h2>
                        <p>
                            制定保养计划前，请先选择左边的分类.计划制定后只有特定权限的用户才能修改（比如工程经理）
                        </p>
                        <div class="btn-group">
                            <button data-toggle="dropdown" class="btn btn-success dropdown-toggle">
                                导入信息 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="project_plan.html#">导入设备信息</a>
                                </li>
                                <li>
                                    <a href="project_plan.html#" class="font-bold">导入保养计划</a>
                                </li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
                                下载导入模板 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="project_plan.html#">设备模板</a>
                                </li>
                                <li>
                                    <a href="project_plan.html#" class="font-bold">计划模板</a>
                                </li>
                            </ul>
                        </div>
                        <hr />
                        <div class="clients-list">
                            <ul class="nav nav-tabs">
                                <span class="pull-right small text-muted">1406 个设备</span>
                                <li class="active">
                                    <a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i> 设备维护</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-2"><i class="fa fa-briefcase"></i> 计划修改</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-3"><i class="fa fa-briefcase"></i> 计划任务</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <div class="ibox-content">
                                                <div class="row m-b-sm m-t-sm">
                                                    <div class="col-md-1">
                                                        <button type="button" id="loading-example-btn" class="btn btn-white btn-sm"><i class="fa fa-refresh"></i> 刷新</button>
                                                    </div>
                                                    <div class="col-md-11">
                                                        <div class="input-group">
                                                            <input type="text" placeholder="请输入设备名称\地址（支持模糊查询）" class="input-sm form-control"> <span class="input-group-btn">
                                                                <button type="button" class="btn btn-sm btn-primary"> 搜索</button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <table class="table table-striped table-hover">
                                                    <tbody>
                                                        <tr>
                                                            <td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
                                                            <td>
                                                                <a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
                                                            </td>
                                                            <td>A1楼顶-乘客电梯</td>
                                                            <td> 瑞安市海诚机械有限公司</td>
                                                            <td> 2台</td>
                                                            <td class="client-status">
                                                                <span class="label label-danger">故障</span>
                                                            </td>
                                                            <td class="project-actions">
                                                                <a data-toggle="modal" href="project_plan.html#modal-form" class="btn btn-success btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                                                <button class="btn btn-danger btn-sm demo4"><i class="fa fa-times"></i> 删除</button>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="client-avatar"><img alt="image" src="img/a3.jpg"> </td>
                                                            <td>
                                                                <a data-toggle="tab" href="#contact-2" class="client-link">王利锋</a>
                                                            </td>
                                                            <td>A2楼顶-乘客电梯</td>
                                                            <td>上海沃精机械制造有限公司</td>
                                                            <td> 3台</td>
                                                            <td class="client-status">
                                                                <span class="label label-warning">保养中</span>
                                                            </td>
                                                            <td class="project-actions">
                                                                <a data-toggle="modal" href="project_plan.html#modal-form" class="btn btn-success btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                                                <button class="btn btn-danger btn-sm demo4"><i class="fa fa-times"></i> 删除</button>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="client-avatar"><img alt="image" src="img/a4.jpg"> </td>
                                                            <td>
                                                                <a data-toggle="tab" href="#contact-3" class="client-link">张有为 </a>
                                                            </td>
                                                            <td>A座写字楼  B座写字楼  富力中心  北公建项目-室外霓虹灯、广告牌</td>
                                                            <td>张家港同丰机械制造有限公司</td>
                                                            <td> 4台</td>
                                                            <td class="client-status"></td>
                                                            <td class="project-actions">
                                                                <a data-toggle="modal" href="project_plan.html#modal-form" class="btn btn-success btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                                                <button class="btn btn-danger btn-sm demo4"><i class="fa fa-times"></i> 删除</button>
                                                            </td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                                <div class="text-right">
                                                    <ul class="pagination">
                                                        <li><a href="#">&laquo;</a></li>
                                                        <li><a href="#">1</a></li>
                                                        <li><a href="#">2</a></li>
                                                        <li><a href="#">3</a></li>
                                                        <li><a href="#">4</a></li>
                                                        <li><a href="#">5</a></li>
                                                        <li><a href="#">&raquo;</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab-2" class="tab-pane">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <div class="ibox float-e-margins">
                                                <div class="ibox-content">
                                                    <br />
                                                    <form method="get" class="form-horizontal">
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">计划标题</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control" value="[富力家园一期][1号楼][给水系统-循环泵][一保：5月1日-30日]"> <span class="help-block m-b-none">计划标题自动生成=[楼盘名称]+[楼栋名称]+[分类名称]+[时间区间]</span>
                                                            </div>
                                                        </div>
                                                        <div class="hr-line-dashed"></div>
                                                        <div class="form-group" id="data_5">
                                                            <label class="col-sm-2 control-label">一次保养</label>
                                                            <div class="col-sm-4 input-daterange input-group" id="datepicker">
                                                                <input type="text" class="input-sm form-control" name="start" value="2014-11-11" />
                                                                <span class="input-group-addon">到</span>
                                                                <input type="text" class="input-sm form-control" name="end" value="2014-11-17" />
                                                            </div>
                                                        </div>
                                                        <div class="form-group" id="data_5">
                                                            <label class="col-sm-2 control-label">二次保养</label>
                                                            <div class="col-sm-4 input-daterange input-group" id="datepicker">
                                                                <input type="text" class="input-sm form-control" name="start" value="2014-11-11" />
                                                                <span class="input-group-addon">到</span>
                                                                <input type="text" class="input-sm form-control" name="end" value="2014-11-17" />
                                                            </div>
                                                        </div>
                                                        <div class="hr-line-dashed"></div>
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">负责人-检查人</label>

                                                            <div class="col-sm-10">
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        <select data-placeholder="选择负责人" class="form-control m-b">
                                                                            <option value="">选择负责人</option>
                                                                            <option value="110000" hassubinfo="true" selected="selected">张三</option>
                                                                            <option value="120000" hassubinfo="true">李四</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <select data-placeholder="选择检查人" class="form-control m-b">
                                                                            <option value="">选择检查人</option>
                                                                            <option value="110000" hassubinfo="true" selected="selected">李四</option>
                                                                            <option value="120000" hassubinfo="true">张三</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-line-dashed"></div>
                                                        <div class="form-group">
                                                            <div class="col-sm-4 col-sm-offset-2">
                                                                <button class="btn btn-primary" type="submit">保存内容</button>

                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab-3" class="tab-pane">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <div class="ibox-content">
                                                <div class="row m-b-sm m-t-sm">
                                                    <div class="col-md-2">
                                                        <div class="form-group" id="data_4">
                                                            <div class="input-group date">
                                                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                                <input type="text" class="form-control" value="2016">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <button type="button" id="loading-example-btn" class="btn btn-white btn-sm"><i class="fa fa-refresh"></i> 刷新</button>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <div class="input-group">
                                                            <input type="text" placeholder="请输入计划名称（支持模糊查询）" class="input-sm form-control"> <span class="input-group-btn">
                                                                <button type="button" class="btn btn-sm btn-primary"> 搜索</button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="project-list">
                                                    <table class="table table-hover">
                                                        <tbody>
                                                            <tr>
                                                                <td class="project-status">
                                                                    <span class="label label-danger">已超时
                                                                </td>
                                                                <td class="project-title">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline">[富力家园一期][1号楼][给水系统-循环泵]</a>
                                                                    <br />
                                                                    <small>一保 5.1-5.30</small>
                                                                </td>
                                                                <td>2台-0.5/人</td>
                                                                <td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
                                                                <td>
                                                                    <a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
                                                                </td>
                                                                <td class="project-actions">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="project-status">
                                                                    <span class="label label-primary">进行中
                                                                </td>
                                                                <td class="project-title">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline">[富力家园一期][1号楼][给水系统-循环泵]</a>
                                                                    <br />
                                                                    <small>二保 5月1日-5月30日</small>
                                                                </td>
                                                                <td>2台-0.5/人</td>
                                                                <td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
                                                                <td>
                                                                    <a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
                                                                </td>
                                                                <td class="project-actions">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>

                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="project-status">
                                                                    <span class="label label-success">已完成
                                                                </td>
                                                                <td class="project-title">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline">[富力家园一期][1号楼][弱电系统-避雷器]</a>
                                                                    <br />
                                                                    <small>一保 5.1-5.30</small>
                                                                </td>
                                                                <td>2台-0.5/人</td>
                                                                <td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
                                                                <td>
                                                                    <a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
                                                                </td>
                                                                <td class="project-actions">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>

                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="project-status">
                                                                    <span class="label label-default">未激活
                                                                </td>
                                                                <td class="project-title">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline">[富力家园一期][1号楼][弱电系统-避雷器]</a>
                                                                    <br />
                                                                    <small>二保 9月1日-9月30日</small>
                                                                </td>
                                                                <td>2台-0.5/人</td>
                                                                <td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
                                                                <td>
                                                                    <a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
                                                                </td>
                                                                <td class="project-actions">
                                                                    <a data-toggle="modal" href="project_plan.html#modal-timeline" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>

                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-form" class="modal fade" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-6 b-r">
                            <h3 class="m-t-none m-b">分类管理</h3>
                            <p>设备分类管理</p>
                            <form role="form">
                                <div class="form-group">
                                    <label>上级分类：</label>
                                    <input type="email" placeholder="请选择分类" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>分类名称：</label>
                                    <input type="password" placeholder="请输入类型名称" class="form-control">
                                </div>
                                <div>
                                    <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit">
                                        <strong>保存</strong>
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div class="col-sm-6">
                            <h5>操作提示：</h5>
                            <p>设备分类维护提示语（开发提示：左边上级分类下拉显示分类树，用户可以改变当前节点的位置。如果是添加分类的情况，分类名称根据选择自动赋值）</p>
                            <p class="text-center">
                                <a href="form_basic.html"><i class="fa fa-sign-in big-icon"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-timeline" class="modal fade" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div id="vertical-timeline" class="vertical-container light-timeline">
                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon lazur-bg">
                                <i class="fa fa-user-md"></i>
                            </div>
                            <div class="vertical-timeline-content">
                                <h2>检查记录</h2>
                                <p>检查发现了问题具体请见照片</p>
                                <div class="photos">
                                    <a target="_blank" href="#">
                                        <img alt="image" class="feed-photo" src="img/p1.jpg">
                                    </a>
                                    <a target="_blank" href="#">
                                        <img alt="image" class="feed-photo" src="img/p3.jpg">
                                    </a>
                                </div>
                                <span class="vertical-date">赵总 <br><small>3月1日</small></span>
                            </div>
                        </div>
                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon navy-bg">
                                <i class="fa fa-briefcase"></i>
                            </div>
                            <div class="vertical-timeline-content">
                                <h2>保养完成</h2>
                                <p>
                                    正常完成保养。保养结果如下图
                                </p>
                                <div class="photos">
                                    <a target="_blank" href="#">
                                        <img alt="image" class="feed-photo" src="img/p1.jpg">
                                    </a>
                                    <a target="_blank" href="#">
                                        <img alt="image" class="feed-photo" src="img/p3.jpg">
                                    </a>
                                </div>
                                <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                <span class="vertical-date">
                                    张三 <br>
                                    <small>2月3日</small>
                                </span>
                            </div>
                        </div>

                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon lazur-bg">
                                <i class="fa fa-coffee"></i>
                            </div>
                            <div class="vertical-timeline-content">
                                <h2>保养开始</h2>
                                <p>下面显示的是保养开始前的照片</p>
                                <div class="photos">
                                    <a target="_blank" href="#">
                                        <img alt="image" class="feed-photo" src="img/p1.jpg">
                                    </a>
                                    <a target="_blank" href="#">
                                        <img alt="image" class="feed-photo" src="img/p3.jpg">
                                    </a>
                                </div>
                                <a href="#" class="btn btn-sm btn-info">更多</a>
                                <span class="vertical-date"> 昨天 <br><small>2月2日</small></span>
                            </div>
                        </div>
                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon blue-bg">
                                <i class="fa fa-file-text"></i>
                            </div>
                            <div class="vertical-timeline-content">
                                <h2>任务分配</h2>
                                <p>保养任务由王五分配给张三和李四</p>
                                <a href="#" class="btn btn-sm btn-success"> 下载文档 </a>
                                <span class="vertical-date">
                                    王五 <br>
                                    <small>2月3日</small>
                                </span>
                            </div>
                        </div>
                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon yellow-bg">
                                <i class="fa fa-phone"></i>
                            </div>
                            <div class="vertical-timeline-content">
                                <h2>计划提醒</h2>
                                <p>系统根据保养设置自动生成保养计划，并提醒服务处主管王五 [富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</p>
                                <span class="vertical-date">系统 <br><small>2月2日</small></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <!-- Bootstrap-Treeview plugin javascript -->
    <script src="js/plugins/treeview/bootstrap-treeview.js"></script>
    <script src="js/demo/treeview-projectdemo.min.js"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <!-- Chosen -->
    <script src="js/plugins/chosen/chosen.jquery.js"></script>
    <script>
        var config = {
            ".chosen-select": {},
            ".chosen-select-deselect": {
                allow_single_deselect: true
            },
            ".chosen-select-no-single": {
                disable_search_threshold: 10
            },
            ".chosen-select-no-results": {
                no_results_text: "Oops, nothing found!"
            },
            ".chosen-select-width": {
                width: "95%"
            }
        };
        for (var selector in config) {
            $(selector).chosen(config[selector])
        }

    </script>
    <script>
        $(function () {
            $('.full-height-scroll').slimScroll({
                height: '100%'
            });
        });
    </script>
    <script>
        /**
* 使页面中所有.modal元素在窗口可视范围之内居中
**/
        function centerModals() {
            $('.modal').each(function (i) {
                var $clone = $(this).clone().css('display', 'block').appendTo('body');
                var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
                top = top > 50 ? top : 0;
                $clone.remove();
                $(this).find('.modal-content').css("margin-top", top - 50);
            });
        }
        // 在模态框出现的时候调用垂直居中函数
        $('.modal').on('show.bs.modal', centerModals);
        // 在窗口大小改变的时候调用垂直居中函数
        $(window).on('resize', centerModals);
    </script>
    <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        var start = {
            elem: "#start",
            format: "YYYY/MM/DD",
            min: laydate.now(),
            max: "2099-06-16",
            istime: false,
            istoday: false,
            choose: function (a) {
                end.min = a;
                end.start = a
            }
        };
        var end = {
            elem: "#end",
            format: "YYYY/MM/DD",
            min: laydate.now(),
            max: "2099-06-16",
            istime: false,
            istoday: false,
            choose: function (a) {
                start.max = a
            }
        };
        laydate(start);
        laydate(end);
    </script>

    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        $(document).ready(function () { $(".demo1").click(function () { swal({ title: "欢迎使用SweetAlert", text: "Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。" }) }); $(".demo2").click(function () { swal({ title: "太帅了", text: "小手一抖就打开了一个框", type: "success" }) }); $(".demo3").click(function () { swal({ title: "您确定要删除这条信息吗", text: "删除后将无法恢复，请谨慎操作！", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "删除", closeOnConfirm: false }, function () { swal("删除成功！", "您已经永久删除了这条信息。", "success") }) }); $(".demo4").click(function () { swal({ title: "您确定要删除这条信息吗", text: "删除后将无法恢复，请谨慎操作！", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "是的，我要删除！", cancelButtonText: "让我再考虑一下…", closeOnConfirm: false, closeOnCancel: false }, function (a) { if (a) { swal("删除成功！", "您已经永久删除了这条信息。", "success") } else { swal("已取消", "您取消了删除操作！", "error") } }) }) });
    </script>

    <script>
        $(document).ready(function () {
            $("#data_5 .input-daterange").datepicker({
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true
            });
            $("#data_4 .input-group.date").datepicker({ format: 'yyyy', startView: 2, minViewMode: 2, keyboardNavigation: false, forceParse: false, autoclose: true, todayHighlight: true });

        });
    </script>
    <!--统计代码，可删除-->
</body>
</html>